<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<html lang="en">
<head>
<title>SIMILE Timeline of Stories from NPR</title>

<script language="javascript" TYPE="text/javascript">
window.station="KJZZ_FM";
window.localize=true;
</script>

<script src="/scripts/jsonStringify.js" type="text/javascript"></script>

<script language="javascript" TYPE="text/javascript">


listSource = new Array();

function onLoad(obj) {
	// alert(JSONstring.make(obj.value.items[0]));
	// alert(JSONstring.make(obj.value.items[0].item[0].title));
	// alert(obj.value.items[0].item[0].title);
	for (x = 0; x < 70; x++){
	// for (x = 0; x < obj.value.items[0].length; x++){
		listSource [x]=new Array(2)
		// alert(x);
		/*
		var entry = (obj.value.items[0].item[x].id,
		obj.value.items[0].item[x].title);
		listSource[x]=(entry);
		*/
		// alert(JSONstring.make(obj.value.items[0].item[x].id));
		listSource[x][0]= (obj.value.items[0].item[x].id);
		listSource[x][1]= (obj.value.items[0].item[x].title);
		// addOption(document.selectionForm.topicList, obj.value.items[0].item[x].id, obj.value.items[0].item[x].title);
	}

// alert(listSource[5]);

addOption_list(listSource)

}

function addOption(selectbox,value,text)
{
	var optn = document.createElement("OPTION");
	optn.value = value;
	optn.text = text;
	selectbox.options.add(optn);
}

function addOption_list(listSource){
	// alert(listSource);
	for (var i=0; i < listSource.length;++i){
	addOption(document.selectionForm.topicList, listSource[i][0], listSource[i][1]);
	}
}



</script>

</head>

<!-- 
<body onLoad="addOption_list()";> -->
<body>

<FORM name="selectionForm" target="bottomFrame">
<!-- Select a Topic: <SELECT NAME="topicList" onchange="javascript:top.window.bottomFrame.location.reload()"> -->
Select a Topic: <SELECT NAME="topicList" onchange="javascript:top.window.bottomFrame.location.href='timeline.php?id=' + this.options[this.selectedIndex].value;">
<Option value="">Topics</option>
</SELECT>
</form>
</form>


<!-- 
Music Genres:
<script src="http://pipes.yahoo.com/pipes/pipe.run?_id=60b51fe750f31ba1f92f7b9105b49818&_render=json&_callback=onLoad" type="text/javascript"></script>

Music Artists:
<script src="http://pipes.yahoo.com/pipes/pipe.run?_id=476d2ea2826d41dd8dafea61f6a1949a&_render=json&_callback=onLoad" type="text/javascript"></script>

Bios:
<script src="http://pipes.yahoo.com/pipes/pipe.run?_id=e62f5b60fdba7db1ca3d6f37e8f6b565&_render=json&_callback=onLoad" type="text/javascript"></script>

Programs:
<script src="http://pipes.yahoo.com/pipes/pipe.run?_id=1bfd5bad898149176d829f4bd3a522b5&_render=json&_callback=onLoad" type="text/javascript"></script>

Topics:
<script src="http://pipes.yahoo.com/pipes/pipe.run?_id=2cf390d2699b3a5b6db04d245c412143&_render=json&_callback=onLoad" type="text/javascript"></script>

-->

<script src="http://pipes.yahoo.com/pipes/pipe.run?_id=2cf390d2699b3a5b6db04d245c412143&_render=json&_callback=onLoad" type="text/javascript"></script>

</body>
</html>